<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<script type="text/javascript" src="/deng/include/include-css.js"></script>
	<script type="text/javascript" src="/deng/include/inplug-css.js"></script>
	<link rel="stylesheet" href="/deng/source/plugins/other/bztree/css/metroStyle/metroStyle.css" type="text/css">
	<link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
	<meta charset="UTF-8">
	<title>用户角色表</title>
	<style>
		#RoleDatatables{width:100%!important}
		#ImportUDatatables{width:100%!important}
		#UnImportUDatatables{width:100%!important}

		.modal-lg {
			max-width: 100%;
			/*width: 100%;*/
			max-width: none;
		}
	</style>
</head>
<body>
<div class="m-content jehc-content-1">
	<div class="m-portlet">
		<div class="m-portlet__head">
			<div class="m-portlet__head-caption">
				<div class="m-portlet__head-title">
					<h3 class="m-portlet__head-text">
						<span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
					</h3>
				</div>
			</div>
		</div>
		<!--begin::Form-->
		<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
			<div class="m-portlet__body">
				<div class="form-group m-form__group row">
					<label class="col-form-label">授权系统:</label>
					<div class="col-lg-2">
						<select class="form-control"  id="sysmode_id" name="sysmode_id" onchange="doChangeRole()">
							<option value="-1">---请选择---</option>
						</select>
					</div>
					<label class="col-form-label">类型:</label>
					<div class="col-lg-2">
						<select class="form-control" name="role_type" style="width: 150px">
							<option value="">---请选择---</option>
							<option value="0">平台权限</option>
							<option value="1">业务权限</option>
						</select>
					</div>
					<label class="col-form-label">角色名称:</label>
					<div class="col-lg-2">
						<input type="text" class="form-control" name="role_name" placeholder="请输入">
					</div>
					<a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
						<span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
					</a>
					<a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
						<span><i class="fa fa-repeat"></i><span>清空条件</span></span>
					</a>
				</div>
			</div>
			<div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
				<div class="m-form__actions m-form__actions--solid">
					<div class="row">
						<div class="col m--align-left">
							<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:toOauthRoleAdd()">
								<span><i class="la la-plus la-lg"></i><span>新增</span></span>
							</a>
							<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-primary" href="javascript:toOauthRoleUpdate()">
								<span><i class="fa fa-magic fa-lg"></i><span>修改</span></span>
							</a>
							<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delOauthRole()">
								<span><i class="fa fa-times"></i><span>禁用</span></span>
							</a>
							<a class="btn btn-secondary m-btn m-btn--custom m-btn--label-success" href="javascript:initListDeleted()">
								<span><i class="fa fa-magic fa-lg"></i><span>找回角色</span></span>
							</a>
						</div>
						<div class="col m--align-right">
							<a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:search('datatables')">
								<span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
							</a>
						</div>
					</div>
				</div>
			</div>
		</form>
		<!--end::Form-->
	</div>
	<table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
		<thead>
		<tr>
			<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
			<th>序号</th>
			<th>角色名称</th>
			<th>授权系统</th>
			<th>类型</th>
			<th>创建人</th>
			<th>创建时间</th>
			<th>修改人</th>
			<th>修改时间</th>
			<th>操作</th>
		</tr>
		</thead>
	</table>
</div>
<!-- 已废除权限模态框（Modal）开始 -->
<div class="modal fade" id="RoleModal" tabindex="-1" role="dialog" aria-labelledby="RoleModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg modal-dialog-centered" id="RoleModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="RoleModalLabel">
					待恢复角色
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body" id="RoleBody">
				<div class="panel-body">
					<table id="RoleDatatables" class="table table-bordered table-striped table-hover">
						<thead>
						<tr>
							<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallRole" /><span></span></label></th>
							<th>序号</th>
							<th>角色名称</th>
							<th>授权系统</th>
							<th>创建人</th>
							<th>创建时间</th>
							<th>修改人</th>
							<th>修改时间</th>
						</tr>
						</thead>
					</table>
				</div>
			</div>
			<div class="modal-footer">
				<!--<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>-->
				<button type="button" class="btn btn-light-primary m-btn m-btn--custom m-btn--icon" onclick="recoverOauthRole();">恢复角色</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 已废除权限模态框（Modal）结束 -->

<!-- 分配用户模态框（Modal）开始 -->
<div class="modal fade" id="UserinfoModal" tabindex="-1" role="dialog" aria-labelledby="UserinfoModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg modal-dialog-centered"  id="UserinfoModalDialog">
		<div class="modal-content">
			<div class="modal-header">
				<!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>-->
				<h4 class="modal-title" id="UserinfoModalLabel">
					分配账户
				</h4>
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			</div>
			<div class="modal-body" id="UserinfoBody" style="overflow:auto;">
				<div class="form-group m-form__group row">
					<div class="col-lg-6">
						<div class="m-content">
							<div class="m-portlet">
								<div class="m-portlet__head">
									<div class="m-portlet__head-caption">
										<div class="m-portlet__head-title">
											<h3 class="m-portlet__head-text">
												<span class="m-accordion__item-icon"><i class="flaticon-user-ok"></i>待分配账户</span>
											</h3>
										</div>
									</div>
								</div>
								<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchFormUnImportU">
									<div class="m-portlet__body">
										<input type="hidden" id="flag2" name="flag" value="2">
										<input type="hidden" name="role_id" id="xt_role_id1">
										<div class="form-group m-form__group row">
											<label class="col-form-label">账号</label>
											<div class="col-lg-3">
												<input type="text" class="form-control" name="account" placeholder="请输入">
											</div>
											<label class="col-form-label">姓名</label>
											<div class="col-lg-3">
												<input type="text" class="form-control" name="name" placeholder="请输入">
											</div>
											<label class="col-form-label">邮箱</label>
											<div class="col-lg-4">
												<input type="text" class="form-control" name="email" placeholder="请输入">
											</div>
										</div>

										<div class="form-group m-form__group row">
											<label class="col-form-label">类型</label>
											<div class="col-lg-3">
												<select class="form-control" name="account_type_id" id="account_type_id_">
												</select>
											</div>
											<label class="col-form-label">状态</label>
											<div class="col-lg-3">
												<select class="form-control" name="status">
													<option value="">请选择</option>
													<option value="0">正常</option>
													<option value="1">锁定</option>
													<option value="2">禁用</option>
												</select>
											</div>
											<div class="col-lg-2">
												<a href="javascript:search('UnImportUDatatables')" class="btn btn-light-primary m-btn mr-2">
													<span><i class="fa fa-search"></i><span>检 索</span></span>
												</a>
												<!--
													<a href="javascript:resetAll('searchFormUnImportU')" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon">
														<span><i class="fa fa-repeat"></i><span>重置</span></span>
													</a>
												-->
											</div>
											<div class="col-lg-1">
												<a class="btn btn-light-success " href="javascript:addXtUr()">
													<span><i class="fa fa-pencil fa-lg"></i><span>导 入</span></span>
												</a>
											</div>
										</div>
									</div>
									<!--
									<div class="m-portlet__foot m-portlet__no-border m-portlet__foot&#45;&#45;fit">
										<div class="m-form__actions m-form__actions&#45;&#45;solid">
											<div class="row">
												<div class="col m&#45;&#45;align-left">

												</div>
												<div class="col m&#45;&#45;align-right">

												</div>
											</div>
										</div>
									</div>
									-->
								</form>
							</div>

							<table id="UnImportUDatatables" class="table table-bordered table-striped table-hover">
								<thead>
								<tr>
									<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallUnImportU" /><span></span></label></th>
									<th>序号</th>
									<th>用户名</th>
									<th>姓名</th>
									<th>类型</th>
									<th>电子邮件</th>
								</tr>
								</thead>
							</table>
						</div>
					</div>
					<div class="col-lg-6">
						<!-- 待分配用户结束 -->
						<div class="m-content">
							<div class="m-portlet">
								<div class="m-portlet__head">
									<div class="m-portlet__head-caption">
										<div class="m-portlet__head-title">
											<h3 class="m-portlet__head-text">
												<span class="m-accordion__item-icon" style="color: #0d8ddb"><i class="flaticon-user-ok"></i>已分配账户</span>
											</h3>
										</div>
									</div>
								</div>
								<form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchFormImportU">
									<div class="m-portlet__body">
										<input type="hidden" name="flag" value="1">
										<input type="hidden" name="role_id" id="xt_role_id2">
										<div class="form-group m-form__group row">
											<label class="col-form-label">账号</label>
											<div class="col-lg-3">
												<input type="text" class="form-control" name="account" placeholder="请输入">
											</div>
											<label class="col-form-label">姓名</label>
											<div class="col-lg-3">
												<input type="text" class="form-control" name="name" placeholder="请输入">
											</div>
											<label class="col-form-label">邮箱</label>
											<div class="col-lg-4">
												<input type="text" class="form-control" name="email" placeholder="请输入">
											</div>
										</div>
										<div class="form-group m-form__group row">
											<label class="col-form-label">类型</label>
											<div class="col-lg-3">
												<select class="form-control" name="account_type_id"  id="account_type_ids">
												</select>
											</div>
											<label class="col-form-label">状态</label>
											<div class="col-lg-3">
												<select class="form-control" name="status">
													<option value="">请选择</option>
													<option value="0">正常</option>
													<option value="1">锁定</option>
													<option value="2">禁用</option>
												</select>
											</div>
											<div class="col-lg-2">
												<a href="javascript:search('ImportUDatatables')" class="btn btn-light-success m-btn--icon mr-2">
													<span><i class="fa fa-search"></i><span></span>检 索</span>
												</a>
												<!--<a href="javascript:resetAll('searchFormImportU')" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon">
													<span><i class="fa fa-repeat"></i><span>清空检索条件</span></span>
												</a>-->
											</div>
											<div class="col-lg-1">
												<a class="btn btn-light-danger m-btn--icon" href="javascript:delXtUR()">
													<span><i class="fa fa-pencil fa-lg"></i><span>移 除</span></span>
												</a>
											</div>
										</div>
									</div>
									<!--
									<div class="m-portlet__foot m-portlet__no-border m-portlet__foot&#45;&#45;fit">
										<div class="m-form__actions m-form__actions&#45;&#45;solid">
											<div class="row">
												<div class="col m&#45;&#45;align-left">

												</div>
												<div class="col m&#45;&#45;align-right">

												</div>
											</div>
										</div>
									</div>
									-->
								</form>
							</div>
							<table id="ImportUDatatables" class="table table-bordered table-striped table-hover">
								<thead>
								<tr>
									<th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallImportU" /><span></span></label></th>
									<th>序号</th>
									<th>用户名</th>
									<th>姓名</th>
									<th>类型</th>
									<th>电子邮件</th>
								</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!--<div class="modal-footer">
				<button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关闭</button>
			</div>-->
		</div><!-- /.modal-content -->
		<!-- 已分配用户开结束-->
	</div><!-- /.modal -->
</div>
<!-- 分配用户模态框（Modal）结束 -->



<!-- 分配资源模态框（Modal）开始 -->
<div class="modal fade" id="XtMenuinfoModal" tabindex="-1" role="dialog" aria-labelledby="XtMenuinfoModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="XtMenuinfoModalLabel">
					分配资源
				</h4>
			</div>
			<div class="modal-body" id="XtMenuinfoBody" style=';overflow: auto;'>
				<div class="zTreeDemoBackground left">
					<ul id="tree" class="ztree"></ul>
				</div>
			</div>
			<div class="modal-footer">
				<input type="hidden" id="roleIdForMenu">
				<button type="button" class="btn btn-light-primary m-btn m-btn--custom m-btn--icon" onclick="closeXtMenuinfoWin();">取 消</button>
				<button type="button" class="btn btn-light-success m-btn m-btn--custom m-btn--icon" onclick="addXtMR();">保 存</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
<!-- 分配资源模态框（Modal）结束 -->
</body>
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/include/inplug.js"></script>
<!-- 岗位选择器模态框（Modal）结束 -->
<script type="text/javascript" src="/deng/view/oauth/oauth-role/oauth-role-list.js"></script>
<script type="text/javascript" src="/deng/view/oauth/oauth-role/oauth-account-list.js"></script>
<script type="text/javascript" src="/deng/view/oauth/oauth-role/oauth-resources-tree.js"></script>
</html>
